<template>
    <div>
        <!-- <van-search v-model="value" placeholder="请输入搜索关键词" show-action @search="onSearch">
            <template #action>
                <div @click="onSearch">
                    <van-button round type="info">搜索</van-button>

                </div>
            </template>
        </van-search> -->

        <div class="search-box">
            <input type="text" v-model="value" placeholder="黄焖只因/只因公煲/白切只因"/>
            <van-button style="height:100%;" round type="info">搜索</van-button>

        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            value: '',
            onSearch:'',
        };
    },
    methdos:{
        onSearch(){
            
        },
    }
};
</script>

<style scoped>
.search-box{
    width:90%;
    height:38px;
    margin:auto;

    display:flex;

    border:1px solid #1989fa;
    border-radius: 20px;

    border-right: 0;

    overflow: hidden;

    background-color: white;;
}

.search-box input{
    width: 100%;
    flex:1;

    border:0;
}
</style>